<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>外卖APP</title>

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="assets/css/common.less">

    <!-- 品类页面 -->
    <link rel="stylesheet/less" href="assets/css/index4.less">
</head>
<body>
    <!-- 品类 -->
    <div class="box3">

    <!-- 头部背景图 -->
    <div class="bjt">
    </div>

    <!-- 悬浮头部 -->
    <div class="top">
        <div class="emo">
            <p>小包子的火锅店</p>
            <p class="wocg">欢迎顾客们光临小包子的火锅店，保证让您有不一样的美食体验</p>
            <div class="info">
                <a><img src="assets/images/a.png" alt=""></a>
                <a><img src="assets/images/b.png" alt=""></a>
                <a><img src="assets/images/c.png" alt=""></a>
                <a><img src="assets/images/d.png" alt=""></a>
            </div>

            <p class="aa">店铺详情</p>
            <p class="bb">上海市xx路888号</p>
            <p class="cc">经营时间</p>
            <p class="dd">小包子火锅店，以标准化出餐，干净卫生，清淡少油，平衡健康，是您健康美食的首选。小包子火锅店，以标准化出餐，干净卫生，清淡少油，平衡健康，是您健康美食的首选。</p>
            <div class="end">
                <p class="tt"><span>30</span>ks</p>
                <p class="bbss">满300ks可用</p>
                <p class="oo">有效期至：2018-06-20</p>
                <p class="aaddc">领取</p>
            </div>
            <div class="end2">
                <p class="tt"><span>30</span>ks</p>
                <p class="bbss">满300ks可用</p>
                <p class="oo">有效期至：2018-06-20</p>
                <p class="aaddc">领取</p>
            </div>
        </div>
    </div>








        <!-- 底部 -->
        <footer class="botm">
            <a href="index.html" class="go">
                <div><img src="assets/images/home_act.png" alt=""></div>
                <span>主 页</span>
            </a>
            <a href="index2.html" class="go">
                <div><img src="assets/images/shop.png" alt=""></div>
                <span>店 铺</span>
            </a>
            <a href="index3.html" class="go">
                <div><img src="assets/images/order.png" alt=""></div>
                <span>品 类</span>
            </a>
            <a href="index4.html" class="go">
                <div><img src="assets/images/my.png" alt=""></div>
                <span>我 的</span>
            </a>
        </footer>
    </div>










</body>
</html>
<!-- 解析less的文件 -->
<script src="assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="assets/js/jquery.min.js"></script>




